<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <DIV ALIGN="center" >
                <p:messages showSummary="true" id="msgForm"/> 
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" >  
                    <p:panel header="SEGUIMIENTO TELEFONICO DE PRÁCTICA" >
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:outputText value="Seleccione el nombre del practicante" />
                            <p:selectOneMenu id="estudianteSelected" 
                                             value="#{fSeguimTelefonicoPrac.estudianteSelected}">
                                <f:selectItem itemLabel="" itemValue=""/>
                                <f:selectItems value="#{fSeguimTelefonicoPrac.listaEstudiantes}" var="estudiante" 
                                               itemValue="#{estudiante.idEstudiante}" 
                                               itemLabel="#{estudiante.nombresEstudiante} #{estudiante.apellido1Estudiante}"
                                               />
                            </p:selectOneMenu>
                        </h:panelGrid>

                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:outputText value="Fecha  " />
                            <p:calendar value="#{fSeguimTelefonicoPrac.seguimientoTelefonicoPractica.fechaHoraLlamada}" id="popupButtonCal" showOn="button" pattern="MM/dd/yyyy hh:mm a"/>
                        </h:panelGrid>
                        <h:panelGrid columns="1" border="" bgcolor="" dir="center" >
                            <h:outputText value="Temas tratados  " />
                            <p:inputTextarea rows="7" cols="80" value="#{fSeguimTelefonicoPrac.seguimientoTelefonicoPractica.temasTratados}"/>

                        </h:panelGrid>
                    </p:panel>

                    <p:splitButton value="Opciones" id="idBtnSeguimientoTelefonico" icon="ui-icon-open">   
                        <p:separator />  
                        <p:menuitem value="Inicio" url="http://localhost:8084/PrototipoSp2/faces/ObjetivoInicial.xhtml" icon="ui-icon-extlink"/>  
                    </p:splitButton>

                    <p:commandButton value="Guardar" update="display,msgForm"  actionListener="#{fSeguimTelefonicoPrac.DiligenciarFormato}"/>  
                    <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                    <p:commandButton value="Imprimir o descargar" type="button" icon="ui-icon-print">  
                        <p:printer target="form" />  
                    </p:commandButton>
                    
                    <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                        <p:outputPanel id="display">  
                            <p:dataList value="" var="option">  
                                #{option}  
                            </p:dataList>  
                            <p:dataList value="" var="movie">  
                                #{movie}  
                            </p:dataList>  
                        </p:outputPanel>
                    </p:dialog>
                </p:panel>    
            </DIV>        
        </h:form>    
    </ui:define>
</ui:composition>
